<div th:fragment="html"> 
	<script>
		$(function(){
			var cid = getUrlParms("cid");
			var sort = getUrlParms("sort");
	        var data4Vue = {
	        		uri:'forecategory',
	        		c:'',
	        		sort:''
	        };
	        //ViewModel
	        var vue = new Vue({
	            el: '#workingArea',
	            data: data4Vue,
	            mounted:function(){ //mounted　表示这个 Vue 对象加载成功了
	            	this.load();
	            },        
	            methods: {     	
	            	load:function(){
	            		this.sort = sort;
	                    var url =  this.uri+"/"+cid+"?sort="+sort;
	                    axios.get(url).then(function(response) {
	                    	vue.c = response.data;
	                        vue.$nextTick(function(){
	        	            	linkDefaultActions();
	                        })
	                    });
	                    
	            	}
	            }
	        });       			
			
		})
	</script>
	
	<title>模仿天猫官网-{{c.name}}</title>	
	<div id="category">
		<div class="categoryPageDiv">
			<img v-if="c.id!=null" :src="'img/category/'+c.id+'.jpg'">
			<div th:replace="common/fore/category/sortBar::html" ></div>
			<div th:replace="common/fore/category/productsByCategory::html" ></div>
		</div>
	</div>
</div>
